
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>登录</title>
    <script type="text/javascript">

        document.addEventListener('plusready', function(){
            //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

        });

    </script>

    <style type="text/css">
        input{
            width: 250px;
        }
        .UserForm .wai{
            border-bottom: 2px solid #F2F2F2;
            line-height: 56px;
            height: 58px;
            margin-top: 20px;
        }
        .col-xs-12{
            padding: 0px;
            margin: 0px;
        }

        .UserForm .wai input{
            border: 0px;
            font-size: 18px;
            outline: none;
        }

        #fen .wai input{
            margin-left:-16px ;
        }

        .yzm:hover {text-decoration:none ;}

        input::-webkit-input-placeholder{

            color:#CACACA;
        }
        .submit input{
            background-color: #F1CED2;
            height:47px ;
            font-size: 18px;
            color: white;
            border: 0px;
            border-radius: 5px;
            margin-top: 40px;
            width: 100%;
        }

        .di{
            font-size: 13px;
            color: #9E9E9E;
            margin-top: 18px;
        }
        .di a{
            color: #9E9E9E;
        }
    </style>

    <link href="css/login.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="body">

<div class="container-fluid header">
    <div class="row">
        <div class="col-xs-12">
            <div class="col-xs-12">
                <p class="denglu">登录</p>
            </div>
            <div class="col-xs-12">
                <p style="color: #9A9A9A;font-size: 16px;">还没有账号，<a href="doregister" style="color: #C83C53;">立即注册</a></p>
            </div>

        </div>

    </div>

    <div class="row">
        <form action="login" method="post" class="UserForm">
            <div class="col-xs-12">
                <div class="col-xs-12">
                    <div class="wai"><input type="text" placeholder="请输入手机号" name="userPhone"/></div>
                </div>

                <div class="col-xs-12" id="fen">
                    <div class="wai">
                        <div class="col-xs-9">
                            <input type="password"  placeholder="请输入密码" name="userPassword"/>
                        </div>
                        <div class="col-xs-3">
                            <a href=""><img src="img/密码显示.png" style="width: 25px;"><img src="img/密码不显示.png" style="width: 25px;"></a>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12">
                    <div class="submit"><input type="submit" value="登录"/></div>
                </div>
                <div class="col-xs-12">
                    <div class="di"><p><a href="">用短信验证码登录</a><a href="" style="float: right;">忘记密码</a></p></div>
                </div>
            </div>
        </form>
    </div>

</div>

</body>
</html>